<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<script>
    // 这里是自动注册的事件
    $(document).ready(function(){
        function mysub() {
        var username = jQuery("#username").val();
        var password = jQuery("#password").val();
        jQuery.getJSON("/user/login",
            {
                "username":username,
                "password":password
            },
            function(result){
                if(result.succ==200){
                    alert("返回结果:"+result.msg);
                } else{
                    alert("操作失败,请重试。");
                }
            });
        }
    });

</script>


<body>

<div style="text-align: center">
    <h1>登录</h1>
    用户：<input id="username">
    <br>
    密码：<input id="password" type="password">
    <br>
    <input type="button" value=" 提交" onclick="mysub()" style="margin-top: 20px; margin-left:50px">
    <!-- 特别注意这里的input没有指定信息提交的地址，但是他还是提交了，这么写了，说明肯定有蹊跷 -->
    <!-- 并不是没指定地址，而是已经有默认的地址了，在mysub的getJSON函数中，只制定了访问地址 -->
</div>

</body>
</html>
